<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script th:src="@{/js/bootstrap.bundle.js}"></script>
    <script th:src="@{/js/jquery-3.5.1.js}" crossorigin="anonymous"></script>
    <link rel="stylesheet" th:href="@{/css/A_UserList.css}">
</head>
<body>
<div id="liu" class="container">
    <header>用户管理</header>
    <div id="li-w">
        <h4 class="h-x">普通用户</h4>
        <div class="cbtn">
            <form>
                <input placeholder="查找(支持模糊查询)" name="keywords" type="text" required id="cin" th:value="${keywords}">
                <button type="button" id="c">查找</button>
                <a style="position: relative;left: 420px; text-decoration:none;" href="/admins/A_UserList">❌</a>
            </form>
            <button type="button" onclick="fdels()" id="d" disabled>删除选中</button>
        </div>
        <div class="container con1">
            <table>
                <thead>
                    <tr style="text-align: center">
                        <td style="min-width: 70px;">
                            <input type="checkbox" id="wd-a">
                        </td>
                        <th style="min-width: 70px;">id</th>
                        <th style="min-width: 100px;">姓名</th>
                        <th style="min-width: 100px;">类型</th>
                        <th style="min-width: 100px;">余额</th>
                        <th style="min-width: 200px;">账号</th>
                        <th style="min-width: 350px;max-width: 400px;">车牌号</th>
                    </tr>
                    </thead>
                <tbody id="data">
                <th:block th:each="user:${page.list}">
                    <tr>
                        <td><input type="checkbox" class="wd-it"></td>
                        <td class="f_id" th:text="${user.id}"></td>
                        <td th:text="${user.name}"></td>
                        <td th:text="${user.usertype}"></td>
                        <td th:text="${user.money+'元'}"></td>
                        <td th:text="${user.tel}"></td>
                        <td th:text="${'1.'+user.code1+' / '+'2.'+user.code2+' / '+'3.'+user.code3}"></td>
                    </tr>
                </th:block>
                </tbody>
            </table>
        </div>
        <div class="pages" th:if="${page.pageNum<=page.pages}">
            <ul class="pagination">
                <li id="aa"><a th:href="@{/admins/A_UserList?pageNum=__${1}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}">&laquo;首页</a></li>
                <li><a th:href="@{/admins/A_UserList?pageNum=__${page.hasPreviousPage ? (page.pageNum - 1) : 1}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}">&laquo;上一页</a></li>
                <li><a class="active"><span th:text="${page.pageNum}"></span>/<span th:text="${page.pages}"></span></a></li>
                <li><a th:href="@{/admins/A_UserList?pageNum=__${page.hasNextPage ? (page.pageNum + 1) : page.pages}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}" >下一页&raquo;</a></li>
                <li><a th:href="@{/admins/A_UserList?pageNum=__${page.pages}__&amp;pageSize=__${page.pageSize}__&amp;keywords=__${keywords}__}">尾页&raquo;</a></li>
            </ul>
        </div>
    </div>
</div>

<div id="tc" class="container">
    <span><strong>请确认信息无误,并和用户做好沟通!</strong></span>
    <input id="verifyCode" name="verifyCode" placeholder="验证码" required type="text" class="regex">
    <img id="verifyCodeImg" onclick="refreshVerifyCode();" title="点击刷新" alt="点击刷新">
    <span style="font-size: 10px">点击刷新</span>
    <button type="button" onclick="suredel()">确定</button>
</div>
<script th:src="@{/js/UserList.js}"></script>
</body>
</html>